<%--
  Created by IntelliJ IDEA.
  User: 86181
  Date: 2022/10/31
  Time: 15:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <!--bootstrap框架-->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
    <!--script-->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery.form.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/messages_zh.js"></script>
<style>
    #rememberMe:hover{
        color: white;
    }
    #register a{
        color:black;
        text-decoration:none;
    }
    #register a:hover{
        color:white;
    }
    h3{
        color:black;
    }
    main{
        background:-webkit-gradient(linear, 0 0, 0 100%, from(white), to(white  ));
    }
</style>
</head>
<body class="on-star document-loaded">

        <main>
            <form  style="background-color:deepskyblue" class="form" id="loginzhd" method="post" action="login.action" onsubmit="return submitusers()">
                <div class="form__cover"></div>
                <div class="form__loader">
                    <div class="spinner active">
                        <svg class="spinner__circular" viewBox="25 25 50 50">
                            <circle class="spinner__path" cx="50" cy="50" r="20" fill="none" stroke-width="4" stroke-miterlimit="10"></circle>
                        </svg>
                    </div>
                </div>
                <div class="form__content">
                    <h1>Authorization</h1>
                    <div class="styled-input form-group">
                        <input type="text" class="styled-input__input" id="loginidzhd" name="loginid" placeholder="username">
                    </div>
                    <div class="styled-input">
                        <input type="password" class="styled-input__input" id="passwordzhd" name="password" placeholder="password">
                    </div>
                    <input type="submit"  value="登录" class="btn btn-group form-control" id="submitusers" style="background-color:dodgerblue;border:none">
                    <br><br>
                    <div class="form-group">
                        <div class="col-md-offset-7" id="rememberMe"><input type="checkbox" name="rememberMe">记住密码</div>
                    </div>
                    <div>
                        <h3>${msg}</h3>
                    </div>
                </div>
            </form>
        </main>
        <script  src="js/index.js"></script>
        <script>
            function submitusers() {
                if($("#loginidzhd").val()==""){
                    alert("用户名不能为空")
                    return false;
                }
                if($("#passwordzhd").val()==""){
                    alert("用户密码不能为空")
                    return  false;
                }
            }
            function loginzhd() {
            $("#loginzhd")[0].submit();
            }
        </script>
</body>
</html>
